The latest updates on your projects. Learn more about Vercel for Git ↗︎

⚠️ No Changeset found

Latest commit: 300fe2c

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

Your org has enabled the Graphite merge queue for merging into master

Add the label “merge” to the PR and Graphite will automatically add it to the merge queue when it’s ready to merge.

You must have a Graphite account and log in to Graphite in order to use the merge queue. Sign up using this link.

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 300fe2c. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

Sent with 💌 from NxCloud.

size-limit report 📦

I do think it's much better to add a parameter in this function.
RequestIdleCallback will schedule the task to a not near future compared to promise.resolve, if I remember correctly.

@fourdim queueMicrotask could be much faster (but jams the UI). I'm just not sure why we make async loading by default.

function testNextTick(useRequestIdleCallback, iterations = 1000) {
  const nextTick = useRequestIdleCallback
    ? (callback) => requestIdleCallback(() => callback())
    : (callback) => queueMicrotask(() => callback());

  return new Promise((resolve) => {
    const startTime = performance.now();
    let count = 0;

    function runIteration() {
      if (count < iterations) {
        nextTick(() => {
          count++;
          runIteration();
        });
      } else {
        const endTime = performance.now();
        resolve(endTime - startTime);
      }
    }

    runIteration();
  });
}

async function runTest() {
  console.log('Starting performance test...');

  const rICTime = await testNextTick(true);
  console.log(`requestIdleCallback: ${rICTime.toFixed(2)}ms`);

  const qMTTime = await testNextTick(false);
  console.log(`queueMicrotask: ${qMTTime.toFixed(2)}ms`);

  const difference = Math.abs(rICTime - qMTTime);
  const fasterMethod = rICTime < qMTTime ? 'requestIdleCallback' : 'queueMicrotask';

  console.log(`\nDifference: ${difference.toFixed(2)}ms`);
  console.log(`${fasterMethod} is faster in this test.`);
}

runTest();

requestIdleCallback: 63213.20ms
queueMicrotask: 4.10ms

We won't jam the UI becuase we have batch import function which reserves the time for UI to response.

We won't jam the UI becuase we have batch import function which reserves the time for UI to response.

Here is also the code path when pasting very long content, see #7796